<template>
	<view class="container">
		<view class="logo-section">
			<image class="logo" src="/static/images/logo.png" mode="aspectFit"></image>
			<text class="app-name">优贷云</text>
			<text class="version">Version {{ version }}</text>
		</view>
		
		<view class="info-list">
			<view class="info-item" @click="handleCopy(item.content)" v-for="item in infoList" :key="item.label">
				<text class="label">{{ item.label }}</text>
				<text class="content">{{ item.content }}</text>
			</view>
		</view>
		
		<view class="copyright">
			<text>Copyright © 2024 优贷云</text>
			<text>All Rights Reserved</text>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue'

const version = ref('1.0.0')
const infoList = [
	{ label: '官方网站', content: 'www.example.com' },
	{ label: '联系电话', content: '400-888-8888' },
	{ label: '商务合作', content: 'business@example.com' },
	{ label: '客服邮箱', content: 'support@example.com' }
]

const handleCopy = (content) => {
	uni.setClipboardData({
		data: content,
		success: () => {
			uni.showToast({
				title: '复制成功',
				icon: 'success'
			})
		}
	})
}
</script>

<style lang="scss" scoped>
.container {
	min-height: 100vh;
	background-color: #fff;
	padding: 60rpx 30rpx;
}

.logo-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 60rpx;
	
	.logo {
		width: 160rpx;
		height: 160rpx;
		margin-bottom: 20rpx;
	}
	
	.app-name {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
		margin-bottom: 10rpx;
	}
	
	.version {
		font-size: 24rpx;
		color: #999;
	}
}

.info-list {
	background-color: #f5f7fa;
	border-radius: 20rpx;
	padding: 0 30rpx;
	margin-bottom: 60rpx;
	
	.info-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx 0;
		border-bottom: 1rpx solid #eee;
		
		&:last-child {
			border-bottom: none;
		}
		
		.label {
			font-size: 28rpx;
			color: #333;
		}
		
		.content {
			font-size: 28rpx;
			color: #4A90E2;
		}
	}
}

.copyright {
	text-align: center;
	
	text {
		display: block;
		font-size: 24rpx;
		color: #999;
		line-height: 1.8;
	}
}
</style> 